<template>
    <div v-bind:style="[activeClass,borderClass]"> </div>
    <div v-bind:style="[isActive?activeClass:'',borderClass]"></div>
    <div v-bind:style="[{backgroundColor:'rgb(65,56,77)',height:'20px'},borderClass]"></div>
   
</template>
<script setup>
import{ref,reactive} from 'vue'
const isActive = ref(true)
const activeClass=reactive({
    backgroundColor:'rgb(65,56,77)',
    height:'20px'
})
const borderClass=reactive({
    border:'1px solid red'
})


</script>